<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Echarts初识</title>
    <style>
        /*2.1 美化容器空间*/
        #container{
           width: 800px;
           height: 800px;
           background: #e7f1f1;
           margin: auto;
        }
    </style>
<!--    1.引入echarts文件 :图表依赖这个文件  -->
    <script src="js/echarts.js"></script>
</head>
<body>
<!--2.DOM容器（容器--空间---div元素）:可以添加高宽（块级元素）-->
<div id="container"></div>
<!--3.初始化echarts实例对象:创建一个图表-->
<script>
    var myInit=echarts.init(document.getElementsByTagName("div")[0]);
    //4.设置配置项和数据---（不懂--粘贴）
option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [120, 200, 150, 80, 70, 110, 130],
      type: 'bar'
    }
  ]
};
    //柱状图----换成饼图（尝试一下）
    //5.将配置项设置给echarts对象
    myInit.setOption(option)
</script>
</body>
</html>